import { ProCard } from "@ant-design/pro-components";
import { Carousel } from "antd";

import React from "react";

const Page21: React.FC = () => {
  const contentStyle = {
    height: "160px",
    color: "#fff",
    lineHeight: "160px",
    textAlign: "center" as const,
    background: "#364d79",
  };

  return (
    <div style={{ padding: 24 }}>
      <h1>轮播图页面</h1>
      <ProCard>
        <Carousel autoplay>
          <div>
            <h3 style={contentStyle}>1</h3>
          </div>
          <div>
            <h3 style={contentStyle}>2</h3>
          </div>
          <div>
            <h3 style={contentStyle}>3</h3>
          </div>
          <div>
            <h3 style={contentStyle}>4</h3>
          </div>
        </Carousel>
      </ProCard>
    </div>
  );
};

export default Page21;
